<template>
  <a-config-provider :theme="themeConfig" :locale="getLocale()" :componentSize="'middle'" >
    <RouterView />
  </a-config-provider>
</template>
<script lang="ts" setup>
import { computed } from 'vue'
import {getLocale} from './i18n/index'

defineOptions({ name: 'DefaultLayout' })
const themeConfig = computed(() =>
  Object.assign({
    token: {
      colorPrimary: '#154ec1',
      colorInfo: '#154ec1',
      colorSuccess: '#228200',
      colorWarning: '#ffd43a',
      colorError: '#e42222',
      colorTextBase: '#262824',
      borderRadius: 6
    }
  })
)
</script>
<style lang="less"></style>
